import { FC } from "react"
/* 导入样式 */
import styled from './styled.module.scss'
import Head from "./components/head"
import Tab from "./components/tab"
import Main from "./components/main"
import Foot from "./components/foot"
interface Props {}
const Home: FC<Props> = () => {
    // 触发函数
    // mian 滚动事件
    const mainScroll = () => {
        console.log(111);
        
    }

    // render
    return (
        <div className={styled.home}>
            <header><Head /></header>
            <nav><Tab /></nav>
            <main onScroll={mainScroll}><Main /></main>
            <footer><Foot /></footer>
        </div>
    )
}

export default Home
